<template>
    <div>
        <el-row>
            <el-col :span="24" >
                <el-text class="mx-1" type="primary">模仿鸽鸽共有{{ list.length }}个项目，距离鸽鸽还差{{ unDo }}个项目</el-text>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="24">
                <el-button color="#66ccff" :dark="isDark" @click="show('all')">全部</el-button>
                <el-button color="#66ccff" :dark="isDark" @click="show('done')">已完成</el-button>
                <el-button color="#66ccff" :dark="isDark" @click="show('undo')">待完成</el-button>
                <el-button color="#66ccff" :dark="isDark" @click="show('clear')">清空任务</el-button>
            </el-col>
        </el-row>
    </div>
    <center>
        <div>
    <div class="example-demonstration">页码</div>
    <el-pagination layout="prev, pager, next" :total="150" /></div>
    </center>
    </template>
<script>


export default {
    props:{list:Array},
    computed:{
        unDo(){
            let count=0
            this.list.map(v=>{
                if(v.state == false){
                    count++}} )
            return count
        }
    },
    methods:{
        show(flag){
            this.$emit('show',flag)
        }
    },
    
}
</script>